<template>
  <div class="b-s w-10 f-48">
    <div class="block-ct">
      <div class="flex-c jc-sb item-ct">
        <div class="flex-c jc-sb name-ct" @click="navToSocialinfo">
          <div>参保信息</div>
          <!-- <div>11</div> -->
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
      <div class="line"></div>
      <div class="flex-c jc-sb item-ct">
        <div class="flex-c jc-sb name-ct">
          <div>补充信息</div>
          <!-- <div>11</div> -->
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
      <div class="line"></div>
      <div class="flex-c jc-sb item-ct">
        <div class="flex-c jc-sb name-ct">
          <div>邮递地址</div>
          <!-- <div>11</div> -->
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
      <div class="line"></div>
    </div>
    <div class="block-ct">
      <div class="flex-c jc-sb item-ct">
        <div class="flex-c jc-sb name-ct"  @click="navToOrder(1)">
          <div>待付订单</div>
          <div class="order-count">11</div>
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
      <div class="line"></div>
      <div class="flex-c jc-sb item-ct">
        <div class="flex-c jc-sb name-ct"  @click="navToOrder(2)">
          <div>订单进展</div>
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
    </div>
    <div class="block-ct">
      <div class="flex-c jc-sb item-ct">
        <div class="flex-c jc-sb name-ct">
          <div>账户余额</div>
          <div>11元</div>
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
      <div class="line"></div>
      <div class="flex-c jc-sb item-ct">
        <div class="flex-c jc-sb name-ct">
          <div>账户充值</div>
          <!-- <div>11</div> -->
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
      <div class="line"></div>
      <div class="flex-c jc-sb item-ct">
        <div class="flex-c jc-sb name-ct">
          <div>我的优惠券</div>
          <!-- <div>11</div> -->
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
      <div class="line"></div>
    </div>
    <div class="block-ct">
      <div class="flex-c jc-sb item-ct">
        <div class="flex-c jc-sb name-ct">
          <div>发票管理</div>
          <!-- <div>11</div> -->
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
      <div class="line"></div>
      <div class="flex-c jc-sb item-ct">
        <div class="flex-c jc-sb name-ct"  @click="navToChangePwd">
          <div>账号安全</div>
          <!-- <div>11</div> -->
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
    </div>
    <div class="block-ct">
      <div class="flex-c jc-sb item-ct" @click="navToSocialcalculate">
        <div class="flex-c jc-sb name-ct">
          <div>关于我们</div>
          <!-- <div>11</div> -->
        </div>
        <div class="img-ct">
          <img src="/static/images/arr-right.png" class="arr-right">
        </div>
      </div>
    </div>
    <div class="w-10 btn-ct">
      <div class="cm-btn login-btn" @click="flogout">退出登录</div>
    </div>
       <commonFooter></commonFooter>
  </div>
</template>

<script>
import sowingMap from '@/components/common/sowingMap'
import commonFooter from '@/components/common/commonFooter'
import { mixinParams } from '@/vmixin/vmixin'
export default {
  data () {
    return {
      selectedIndex: 1,
      memberPhone: ''
    }
  },
  created () {},
  mounted () {},
  filters: {
    // moneyFilter(){
    //     return "33"
    // }
  },
  mixins: [mixinParams],
  components: {
    sowingMap,
    commonFooter
  },

  computed: {
    // 将获取的数据按照A-Z字母开头排序
    sortgroupcity () {
      let sortobj = {}
      return sortobj
    }
  },
  methods: {
    navToHello () {
      this.navTo('/hello')
    },
    navToSocialinfo () {
      this.navTo('/socialinfo')
    },
    navToOrder (orderType = 1) {
      this.navTo(`/order?orderType=${orderType}`)
    },
    navToChangePwd () {
      this.navTo(`/changepwd`)
    },
    navToSocialcalculate () {
      this.navTo(`/socialcalculate`)
    },
    // 退出登录
    flogout () {
      console.log('退出登录')
    }
  }
}
</script>

<style lang="scss" scoped>
@import "@/style/mixin";
.block-ct {
  padding: 0 cmSize(60);
  margin-bottom: cmSize(40);
  background: #ffffff;
}
.arr-right {
  width: cmSize(60);
  height: cmSize(60);
}
.item-ct{
  height: cmSize(160);
}
.name-ct{
  height: cmSize(160);
  flex:1 1 3rem;
}
.line{
border-bottom: 1px solid #eeeeee;
width: 100%;
}
.order-count{
 color: #FBDCDD;
}
.btn-ct{
  padding: cmSize(40);
}
.login-btn{
 background: #ffffff;
 color: #333333;
}
</style>
